<!-- punchClockWin.html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title></title>
		<link rel="stylesheet" href="../../css/base.css">
	</head>
	<body>
		<div class="base_style_color " id='BarAppearance' style="height: 22px;width: 100%"></div>
		<div class="base_navigation_bar base_style_color base_navigation_item_bar">
			<a class="base_left_item" href="#" onclick="backClick()"> <img class="base_back_icon" src="../../image/icon_jiantou.png" alt=""> </a>
			<span>每日打卡</span>
			<a class="base_right_item">
				<img class="base_item_icon" src="../../image/icon_lan.png" onclick="onShareClick()">
			</a>
		</div>
	</body>
	<script type="text/javascript" src="../../script/jquery.min.js"></script>
	<script type="text/javascript">
		apiready = function() {
			setupSubframe();
		}
		function setupSubframe() {
			var y = $('.base_navigation_bar').height() + 22;
			api.openFrame({
				name : 'punchClock',
				url : 'punchClock.html',
				rect : {
					x : 0,
					y : y,
					w : 'auto',
					h : 'auto'
				},
				pageParam : api.pageParam,
				bounces : false,
				vScrollBarEnabled : true,
				hScrollBarEnabled : false
			});
		}
		function backClick() {
			api.closeWin();
		}
		function onShareClick(){
			var dialogBox = api.require('dialogBox');
			dialogBox.actionMenu({
				tapClose : true,
				rect : {
					h : 208
				},
				texts : {
					cancel : '取消'
				},
				items : [{
					text : '分享到微信',
					icon : 'widget://image/icon_weixin.png'
				}, {
					text : '分享到朋友圈',
					icon : 'widget://image/icon_pengyouquan.png'
				}, {
					text : '分享到新浪微博',
					icon : 'widget://image/icon_sina_new.png'
				}, {
					text : '保存图片',
					icon : 'widget://image/icon_download_new.png'
				}],
				styles : {
					bg : '#F0F0F0',
					column : 4,
					itemText : {
						color : '#000',
						size : 12,
						marginT : 8
					},
					itemIcon : {
						size : 60
					},
					cancel : {
						// bg:'widget://image/icno_share_buttom.png',
						color : '#535353',
						h : 38,
						size : 14
					}
				}
			}, function(ret) {
				var eventType = ret.eventType;
				var index = ret.index;
				if (eventType == 'click') {
					api.sendEvent({
					    name: 'ShareLanXueNotifi',
					    extra: {
					        index: index
					    }
					});
				}
				dialogBox.close({
					dialogName : 'actionMenu'
				});
			});
		}
	</script>
</html>